<template>
	<section id="redPacketTask">
		<!-- 新手任务-->
		<div class="redPacket_newTask">
			<p class="redPacket_newTaskTitle">{{redPacket_newTaskTitle}}</p>
			<div class="redPacket_newTaskList" v-for="(item,index) in redPacketList" :key="index">
				<div class="redPacket_newTaskList_text">
					<img :src="item.Img" class="redPacket_newTaskList_text_img"/>
					<div class="redPacket_newTaskList_text_main">
						<p class="redPacket_newTaskList_text_mainTitle">{{item.mainTitle}}<span>{{item.mainTextSpan}}</span></p>
						<p class="redPacket_newTaskList_text_mainText">{{item.mainText}}</p>
					</div>
				</div>
				<span class="redPacket_newTaskList_button">{{item.button}}</span>
			</div>
		</div>
		
		<!-- 日常任务 -->
		<div class="redPacket_newTask">
			<p class="redPacket_newTaskTitle">{{dailyTitle}}</p>
			<div class="redPacket_newTaskList" v-for="(item,index) in dailyList" :key="index">
				<div class="redPacket_newTaskList_text">
					<img :src="item.Img" class="redPacket_newTaskList_text_img"/>
					<div class="redPacket_newTaskList_text_main">
						<p class="redPacket_newTaskList_text_mainTitle">{{item.mainTitle}}<span>{{item.mainTextSpan}}</span></p>
						<p class="redPacket_newTaskList_text_mainText">{{item.mainText}}</p>
					</div>
				</div>
				<span class="redPacket_newTaskList_button">{{item.button}}</span>
			</div>
		</div>
		
		
	</section>
</template>

<script>
	export default {
		data() {
			return {
				redPacket_newTaskTitle:'新手任务',
				dailyTitle:'日常任务',
				redPacketList:[
					{
						Img:'../asserts/images/paperImg.png',
						mainTitle:'新用户1元见面礼',
						mainTextSpan:'',
						mainText:'点击领取1元现金红包',
						button:'领1元现金'
					},
					{
						Img:'../asserts/images/paperImg.png',
						mainTitle:'新人尝鲜',
						mainTextSpan:'+1元',
						mainText:'认真阅读3篇文章',
						button:'阅读'
					}
				],
				dailyList:[
					{
						Img:'../asserts/images/paperImg.png',
						mainTitle:'邀请好友',
						mainTextSpan:'',
						mainText:'再邀请一个好友，加送奖励20元',
						button:'领25元现金'
					},
					{
						Img:'../asserts/images/paperImg.png',
						mainTitle:'签到',
						mainTextSpan:'+30金币',
						mainText:'您已连续签到0天',
						button:'签到'
					},
					{
						Img:'../asserts/images/paperImg.png',
						mainTitle:'认真阅读文章或视频',
						mainTextSpan:'',
						mainText:'每次奖励30金币，每天10次',
						button:'领30金币'
					},
					{
						Img:'../asserts/images/paperImg.png',
						mainTitle:'好友阅读奖励',
						mainTextSpan:'',
						mainText:'好友阅读文章，你拿60金币',
						button:'领60金币'
					},
					{
						Img:'../asserts/images/paperImg.png',
						mainTitle:'好友阅读奖励',
						mainTextSpan:'',
						mainText:'好友阅读文章，你拿60金币',
						button:'领60金币'
					},
					{
						Img:'../asserts/images/paperImg.png',
						mainTitle:'晒收入',
						mainTextSpan:'',
						mainText:'每次奖励60金币，每天3次',
						button:'领60金币'
					},
					{
						Img:'../asserts/images/paperImg.png',
						mainTitle:'阅读推送文章',
						mainTextSpan:'',
						mainText:'不定期推送，每次点击奖励30金币',
						button:'查看示例'
					}
				]
			};
		},
		components: {
		},
		methods: {
		
		},
		mounted() {
		},
		computed: {

		}
	};
</script>
<style scoped lang="scss">
	@import "@/asserts/styles/redPacket/redPacket.scss";
</style>
